<template>
  <div id="app">
     <mt-header fixed title="大力的茶杯蛋糕"></mt-header>
     <transition>
     <router-view></router-view>
     </transition> 
     <vue-tabber></vue-tabber>
  </div>
</template>

<script>
import tabber from './Newcomponents/Tabber'
export default {
  name: 'App',
 components:{
   "vue-tabber" :tabber
 }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 40px;
  padding-bottom: 50px;
 }
 .v-enter{
   opacity:0;
   transform:translateX(100%);
 }
 .v-leave-to{
   opacity:0;
   position: absolute;
   transform: translateX(-100%);
 }
 .v-enter-active,
 .v-leave-active{
   transition:all 0.4s ease;
 }
</style>
